doctype html
head
    meta(charset='utf-8')
    link(rel='styleSheet', href='../bower_components/semantic/dist/semantic.css')
    link(rel='styleSheet', href='css/index.css')
body
    .main.container
        .ui.red.tiered.menu
            a.item Home
            a.item test
        .ui.form.segment
            .two.fields
                .field
                    label first name
                    input(type='text', placeholder='first name')
                .field
                    label last name
                    input(type='text', placeholder='last name')
            .field
                label username
                input(type='text', placeholder='username')
            .field
                label password
                input(type='password', placeholder='password')
            .inline.field
                .ui.checkbox
                    input#cb1(type='checkbox')
                    label(for='cb1') 点击选中
            .inline.field
                .ui.toggle.checkbox
                    input#cb2(type='checkbox', name='pet')
                    label(for='cb2') 是否
            .field
                .ui.blue.submit.button Submit

